<template>
  <div style="padding-top: 60px;">
    <div class="g-cur">
      <div class="wp">
        <NuxtLink to="/" class="a">创作中心</NuxtLink><span> / </span>
        <span class="s">创建作品</span>
      </div>
    </div>
    <div class="wp">
      <div class="createW">
        <!-- tab -->
        <ul class="ul-steps">
          <li :class="$route.meta.cpos >= 0 ? 'act' : ''">
            <div class="idx">1</div>
            <div class="p">书籍信息</div>
          </li>
          <li :class="$route.meta.cpos >= 1 ? 'act' : ''">
            <div class="idx">2</div>
            <div class="p">版权信息</div>
          </li>
          <li :class="$route.meta.cpos >= 2 ? 'act' : ''">
            <div class="idx">3</div>
            <div class="p">打印信息</div>
          </li>
          <li :class="$route.meta.cpos >= 3 ? 'act' : ''">
            <div class="idx">4</div>
            <div class="p">价格信息</div>
          </li>
        </ul>
        <!-- 内容 -->
        <router-view />
      </div>
    </div>
  </div>
</template> 

<script setup>
import { reactive, ref, onMounted } from 'vue';


</script>

<style>
</style>